{extend name="ly_common/base" /}
{block name='top_bar'}
<div class="top-bar">
    <div class="container">
        <div class="row d-flex align-items-center">
            <div class="col-md-6 d-md-block d-none">
                <p><a href="tel:0731-8560-3556" style="color: #ffffff;">联系方式：（+86）0731-8560-3556</a></p>
            </div>
            <div class="col-md-6">
                <div class="d-flex justify-content-md-end justify-content-between">
                    <ul class="list-inline contact-info d-block d-md-none">
                        <li class="list-inline-item"><a href="tel:0731-8560-3556"><i class="fa fa-phone"></i></a></li>
                        <li class="list-inline-item"><a href="mailto:280966415@qq.com"><i class="fa fa-envelope"></i></a></li>
                    </ul>
                    <div class="login">
                        <a href="#" data-toggle="modal" data-target="#login-modal" class="login-btn">
                            <i class="fa fa-sign-in"></i>
                            <span class="d-none d-md-inline-block">关注微信公众号</span>
                        </a>
                        <a href="mailto:280966415@qq.com" class="signup-btn">
                            <i class="fa fa-user"></i>
                            <span class="d-none d-md-inline-block"><a href="mailto:280966415@qq.com" style="color: #ffffff;">Email</a></span>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="Login_Modal"}
<div id="login-modal" tabindex="-1" role="dialog" aria-labelledby="login-modalLabel" aria-hidden="true" class="modal fade">
    <div role="document" class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 id="login-modalLabel" class="modal-title">关注公众号，获取最新动态</h4>
                <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>
            </div>
            <div class="modal-body">
                <p class="text-center text-muted">
                    <img src="<?php echo $setting['value'];?>" width="auto" height="90%" style="max-height:300px;" title="网站公众号" alt="网站公众号">
                </p>
                <p class="text-center text-muted">
                    扫一扫立即关注我们获取最新公司动态！
                </p>
            </div>
        </div>
    </div>
</div>
{/block}

{block name='menu_info'}
<header class="nav-holder make-sticky">
    <div id="navbar" role="navigation" class="navbar navbar-expand-lg">
        <div class="container">
            <a href="/" class="navbar-brand home">
                <img src="__STATIC__/zhangzhang/img/logo.png" alt="Universal logo" class="d-none d-md-inline-block">
                <img src="__STATIC__/zhangzhang/img/logo-small.png" alt="Universal logo" class="d-inline-block d-md-none">
                <span class="sr-only">湖南绿苑节能科技有限公司</span>
            </a>
            <button type="button" data-toggle="collapse" data-target="#navigation" class="navbar-toggler btn-template-outlined">
                <span class="sr-only">Toggle navigation</span>
                <i class="fa fa-align-justify"></i>
            </button>
            <div id="navigation" class="navbar-collapse collapse">
                <ul class="nav navbar-nav ml-auto">
                    <li class="nav-item dropdown {if empty($pcate)}active{/if}">
                        <a href="/" >
                            首页
                        </a>
                    </li>
                    {foreach $category as $v}
                    <li class="nav-item dropdown {notempty name='v.sub'}menu-large{/notempty} {if isset($pcate) && $v.id==$pcate.id}active{/if}">
                        {php}$pid = $v['id']{/php}
                        <a href="{:url("/item/$pid")}" {notempty name='v.sub'}data-toggle="dropdown"{/notempty} class="">{$v.name ?: ''}
                        <b class="caret"></b>
                        </a>
                        {notempty name='v.sub'}
                        <ul class="dropdown-menu megamenu">
                            <li>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <img src="__STATIC__/zhangzhang/img/template-easy-customize.png" alt="" class="img-fluid d-none d-lg-block">
                                    </div>
                                    <div class="col-lg-3 col-md-6">
                                        <ul class="list-unstyled mb-3">
                                            {foreach $v.sub as $vo}
                                            {php}$id = $vo['id']{/php}
                                            <li class="nav-item"><a href="{:url("/item/$pid-$id")}" class="nav-link">{$vo.name ?: ''}</a></li>
                                            {/foreach}
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        {/notempty}
                    </li>
                    {/foreach}
                    <!-- ========== FULL WIDTH MEGAMENU ==================-->

                </ul>
            </div>
            <!--<div id="search" class="collapse clearfix">-->
            <!--<form role="search" class="navbar-form">-->
            <!--<div class="input-group">-->
            <!--<input type="text" placeholder="Search" class="form-control"><span class="input-group-btn">-->
            <!--<button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button></span>-->
            <!--</div>-->
            <!--</form>-->
            <!--</div>-->
        </div>
    </div>
</header>
{/block}

{block name='contact_me'}
<div class="get-it">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 text-center p-3">
                <h3>立即联系我们或在线留言给我们？</h3>
            </div>
            <div class="col-lg-4 text-center p-3">
                <a href="{:url("/item/5")}" class="btn btn-template-outlined-white">点击联系</a>
            </div>
        </div>
    </div>
</div>
{/block}

{block name='footer'}
<!-- FOOTER -->
<footer class="main-footer">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <h4 class="h6">关于我们</h4>
                <p><a href="">湖南绿苑节能科技有限公司（简称绿苑节能）是一家专业从事建筑新技术的
                    研究、应用和推广的科技型企业。旗下包含湖北绿工建设有限公司和湖北升桦高
                    分子建材有限公司等多家分支机构。绿苑节能本着“绿色创造价值”和“智能改变生活”的经营理念，以推进中
                    国建筑行业可持续发展为己任...</a>
                </p>
            </div>
            <div class="col-lg-6">
                <h4 class="h6">联系方式</h4>
                <p class="text-uppercase">
                    <strong>联系电话：</strong>（+86）0731-8560 3556
                    <br>
                    <strong>公司地址：</strong> 长沙市大河西高新技术产业开发区(麓谷)谷苑路229号
                    <br>
                    <strong>电子邮箱：</strong>280966415@qq.com
                </p>
                <a href="{:url("/item/5")}" class="btn btn-template-main">更多联系方式</a>
                <hr class="d-block d-lg-none">
            </div>
        </div>
    </div>
    <div class="copyrights">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 text-center-md">
                    <p>湖南绿苑节能科技有限公司 @版权所有  <a href="http://www.beian.miit.gov.cn">湘ICP备19001934号</a>  </p>
                </div>
                <div class="col-lg-8 text-right text-center-md">
                    <p>
                        <a href="{:url("/item/5")}" target="_blank" title="">联系我们</a>
                        -
                        <a href="{:url("/item/1")}" title="" target="_blank">关于我们</a>
                    </p>

                </div>
            </div>
        </div>
    </div>
</footer>
{/block}


{block name='footerjs'}
<!-- Javascript files-->
<script src="__STATIC__/zhangzhang/vendor/jquery/jquery.min.js"></script>
<script src="__STATIC__/zhangzhang/vendor/popper.js/umd/popper.min.js"> </script>
<script src="__STATIC__/zhangzhang/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="__STATIC__/zhangzhang/vendor/jquery.cookie/jquery.cookie.js"> </script>
<script src="__STATIC__/zhangzhang/vendor/waypoints/lib/jquery.waypoints.min.js"> </script>
<script src="__STATIC__/zhangzhang/vendor/jquery.counterup/jquery.counterup.min.js"> </script>
<script src="__STATIC__/zhangzhang/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="__STATIC__/zhangzhang/vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.min.js"></script>
<script src="__STATIC__/zhangzhang/js/jquery.parallax-1.1.3.js"></script>
<script src="__STATIC__/zhangzhang/vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
<script src="__STATIC__/zhangzhang/vendor/jquery.scrollto/jquery.scrollTo.min.js"></script>
<script src="__STATIC__/zhangzhang/js/front.js"></script>
<link rel="stylesheet" href="__STATIC__/zhangzhang/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="__STATIC__/zhangzhang/css/zoomify.min.css">
<script src="__STATIC__/zhangzhang/js/zoomify.min.js"></script>
<script type="text/javascript">
    $('.card-body img').zoomify();

    function loacAjaxInfo(_thisDom) {
        var url = $(_thisDom).attr('_url');
        $.ajax({
            url: url,
            type: 'get',
        })
            .done(function(data) {
                if(data.code == 1){
                    if(data.msg != ""){
                        $(_thisDom).attr("_url",data.url);
                        $("#paginate").append(data.msg);

                    }else{
                        alert('已加载完毕，木有更多了');
                        $(_thisDom).attr("onclick","alert('已加载完毕，木有更多了');");
                    }
                }else {
                    alert('对不起，请求数据失败，请重试');
                }
            });
        return false;
    }


</script>

<script type="text/javascript" src="http://api.map.baidu.com/api?key=ak=24E6ACE58880d4bf17181b0680863639&v=1.1&services=true"></script>
<script>


//创建和初始化地图函数：
function initMap(){
    createMap();//创建地图
    setMapEvent();//设置地图事件
    addMapControl();//向地图添加控件
    addMarker();//向地图中添加marker
}
    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(112.875202,28.218816);//定义一个中心点坐标
        map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
    }

    //标注点数组
    var markerArr = [{title:"湖南绿苑节能科技有限公司",content:"电话号码：0731-8560-3556",point:"112.875845|28.218959",isOpen:1,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
    ];
    //创建marker
    function addMarker(){
        for(var i=0;i<markerArr.length;i++){
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0,p1);
            var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point,{icon:iconImg});
            var iw = createInfoWindow(i);
            var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
            marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                borderColor:"#808080",
                color:"#333",
                cursor:"pointer"
            });

            (function(){
                var index = i;
                var _iw = createInfoWindow(i);
                var _marker = marker;
                _marker.addEventListener("click",function(){
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("open",function(){
                    _marker.getLabel().hide();
                })
                _iw.addEventListener("close",function(){
                    _marker.getLabel().show();
                })
                label.addEventListener("click",function(){
                    _marker.openInfoWindow(_iw);
                })
                if(!!json.isOpen){
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i){
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json){
        var icon = new BMap.Icon("https://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
        return icon;
    }
    initMap();//创建和初始化地图
</script>
{/block}
